<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<title>我的奖品</title>
<link href="/assets/css/prize_style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.rotate.min.js"></script>
<style type="text/css">
	.item-content{width: 100%;}
</style>
</head>

<body>
	<div class="poplayer">
		<div class="float-box">
			<p class="clearfix"><em>兑换码:</em><i>1014101410100000</i></p>
			<p class="clearfix"><em>兑奖说明:</em><i>请前往格瓦拉官网兑换
		    电影票。</i></p>
		</div>
	</div>
	<div class="w">
		<div class="my-prize-list">
			<volist name="prize" id="v" empty="没有中奖记录">
			<div class="item clearfix">
				<div class="item-content">
					<h5>恭喜您获得 {$v['awardname']}</h5>
					<span style="display: none;">2016-08-25 16：40 </span>
				</div>
				<a href="#" style="display: none;">未发货</a>
			</div>
			</volist>
		</div>
	</div>

<script type="text/javascript"> 
	  $(document).ready(function($) {
	  	
			$(".float-box").click(function(event) {
				event.stopPropagation();
			});
			$(".my-code").each(function(index, el) {
				$(this).click(function(event) {
					$(".poplayer").fadeIn()
				});
			});
			$(".poplayer").click(function(event){
				$(this).fadeOut();
				event.stopPropagation();		
			});
	  });
		
</script> 
</body>
</html>
